<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="head :: commonHead('品牌介绍')">

</head>

<body>

<link rel="stylesheet" th:href="${#request.getAttribute('ctx') + '/static/front/css/index/index_normal.css'}">
<link rel="stylesheet" th:href="${#request.getAttribute('ctx') + '/static/front/css/index/brand-introduce.css'}">

<!-- 引入公共-->
<div th:replace="head :: header"></div>

<div class="banner pc">
    <div>
        <img th:src="${#request.getAttribute('ctx') + '/static/jinpaitoupiao.png'}" style="width: 100%;height: 430px;">
    </div>
</div>

<div class="brand_row pc el-row clearfix" style="margin-left: -15px; margin-right: -15px;">
    <div class="el-col el-col-4" style="padding-left: 15px; padding-right: 15px;" th:switch="${type}">
        <div class="liBtn" th:case="about">
            <p class="brand_histroy_swith policy_p">关于巨桃游娱</p>
            <ul class="policy_ul">
                <li th:each="item:${list}" th:text="${item.description}"></li>
            </ul>
        </div>
        <div class="liBtn" th:case="business">
            <p class="brand_histroy_swith policy_p">商务合作</p>
            <ul class="policy_ul">
                <li th:each="item:${list}" th:text="${item.description}"></li>
            </ul>
        </div>
        <div class="liBtn" th:case="join">
            <p class="brand_histroy_swith policy_p">权益保障</p>
            <ul class="policy_ul">
                <li th:each="item:${list}" th:text="${item.description}"></li>
            </ul>
        </div>
        <div class="liBtn" th:case="platform">
            <p class="brand_histroy_swith policy_p">法律信息</p>
            <ul class="policy_ul">
                <li th:each="item:${list}" th:text="${item.description}"></li>
            </ul>
        </div>
    </div>

    <div class="el-col el-col-20 policy_text" style="padding-left: 15px; padding-right: 15px;" th:each="item, index:${list}">
        <div class="content">
            <div class="content_info">
                <div class="content_info_title"><em></em>
                    <h3 th:text="${item.description}"></h3></div>
                <div class="content_info_contentwrap">
                    <div class="content_info_content" th:utext="${item.value}">

                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div th:replace="foot :: body"></div>

</body>

<script type="text/javascript">
    $('.liBtn .policy_ul li').each(function (i) {
        $('.liBtn .policy_ul li').eq(i).click(function () {
            $(this).addClass('on').siblings().removeClass('on');
            $('.policy_text').eq(i).show().siblings('.policy_text').hide();
        });
    });

    $('.liBtn .policy_ul li').eq([[${m - 1}]]).click();
</script>

</html>